<div>
  <!-- 轮播 -->
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>

    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="../imgs/banner01.jpg" class="d-block w-100" alt="...">
      </div>
      <div class="carousel-item">
        <img src="../imgs/banner02.jpg" class="d-block w-100" alt="...">
      </div>

    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 理财 -->
  <div class="container shopjs fl">
    <div class="fl financial">
      <div>
        <img src="../imgs/feature01.png" alt="">
      </div>
      <div>
        <h2 class="font18 strong">投资理财</h2>
        <p class="font14 c99">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
      </div>
    </div>
    <div class="fl financial">
      <div>
        <img src="../imgs/feature02.png" alt="">
      </div>
      <div>
        <h2 class="font18 strong">投资理财</h2>
        <p class="font14 c99">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
      </div>
    </div>
    <div class="fl financial">
      <div>
        <img src="../imgs/feature03.png" alt="">
      </div>
      <div>
        <h2 class="font18 strong">投资理财</h2>
        <p class="font14 c99">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
      </div>
    </div>
  </div>
  <!-- 投资列表 -->
  <div class="container el-panel">
    <div class="panel el-panel">
      <div class="panel-title">
        <span class="pull-left">
          进行中借款
        </span>
        <div class="pull-right">
          <a class="btn btn-link " href="invest.html">
            进入投资列表
          </a>
        </div>
      </div>
      <table class="table el-table table-hover">
        <thead>
          <tr>
            <th>借款人</th>
            <th>借款标题</th>
            <th>年利率</th>
            <th>金额</th>
            <th>还款方式</th>
            <th>进度</th>
            <th width="80px">操作</th>
          </tr>
        </thead>
        <tbody>
          <!--后台示例数据-->
          <tr>
            <!--第一条数据开始-->
            <td>张三</td>
            <td>给我2000度过难关</td>
            <td class="text-info"> 10.00%
            </td>
            <td class="text-info">2,000.00</td>
            <td>
              按月分期还款
            </td>
            <td>
              <div class="">
                78.00%
              </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow_info.html?id=1">查看</a></td>
          </tr>
          <!--第一条数据结束-->
          <tr>
            <!--第二条数据开始-->
            <td>王五</td>
            <td>江湖救急，借100吃饭</td>
            <td class="text-info"> 12.00%
            </td>
            <td class="text-info">100.00</td>
            <td>
              按月到期还款
            </td>
            <td>
              <div class="">
                100.00%
              </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow_info.html?id=1">查看</a></td>
          </tr>
          <!--第二条数据结束-->

          <!--
                  如果后台没有内容,默认输出

              <tr>
                  <td colspan="7" align="center">
                      <p class="text-danger">目前暂时没有进行中的借款</p>
                  </td>
              </tr>
               -->
        </tbody>

      </table>
    </div>
  </div>
  <!-- 菜单列表 -->
  <div class="container row menulist">
    <div class="col-sm-6 col-xs-12">
      <div class="panel el-panel">
        <div class="panel-title">
          <span class="pull-left">
            企业最新资讯
          </span>
          <div class="pull-right">
            <a class="btn btn-link " href="">
              更多资讯
            </a>
          </div>
        </div>
        <div class="el-new-list">
          <ul>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xs-12">
      <div class="panel el-panel">
        <div class="panel-title">
          <span class="pull-left">
            用户反馈
          </span>
          <div class="pull-right">
            <a class="btn btn-link " href="">
              更多资讯
            </a>
          </div>
        </div>
        <div class="el-new-list">
          <ul>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xs-12">
      <div class="panel el-panel">
        <div class="panel-title">
          <span class="pull-left">
            理财经验
          </span>
          <div class="pull-right">
            <a class="btn btn-link " href="">
              更多资讯
            </a>
          </div>
        </div>
        <div class="el-new-list">
          <ul>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xs-12">
      <div class="panel el-panel">
        <div class="panel-title">
          <span class="pull-left">
            活动分享
          </span>
          <div class="pull-right">
            <a class="btn btn-link " href="">
              更多资讯
            </a>
          </div>
        </div>
        <div class="el-new-list">
          <ul>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="pull-left">央视力挺互联网金融</span>
                <span class="pull-right">发表日期：2015-03-23</span>
                <span class="clearfix"></span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

</div>